import React from "react";
import { ScrollView, StyleSheet } from "react-native";
import { useTheme } from "@/contexts/ThemeContext";
import GroupDescription from "./GroupDescription";
import GroupMemberCard from "./GroupMemberCard";
import GroupApplication from "./GroupApplication";
import GroupInformation from "./GroupInformation";
import GroupSessionSetting from "./GroupSessionSetting";
import ActionsButton from "./ActionsButton";

export default function GroupChatSetting() {
  const { colors } = useTheme();

  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: colors.backgroundLight,
    },
  });

  return (
    <ScrollView style={styles.container}>
      <GroupDescription />
      <GroupMemberCard />
      <GroupApplication />
      <GroupInformation />
      <GroupSessionSetting />
      <ActionsButton />
    </ScrollView>
  );
}
